<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/3/18
  Time: 15:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>没饿哦——打造全国顶尖外卖</title>
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="baidu-site-verification" content="w6Fl7g6AOW" />
    <link rel="shortcut icon" href="/images/user.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/user/index.css">
    <link rel="stylesheet" href="/css/user/footer.css">
    <link rel="stylesheet" href="/css/user/header.css">
    <script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/js/user/common.js"></script>
    <script src="/js/user/index.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <style>
        .layui-icon-search {
            /*搜索图标*/
            content: url(/images/sousuo.png);
        }
    </style>

</head>

<body>
<div class="we-container">
    <!-- 顶部导航 begin -->
    <div class="layui-header we-header">
        <div class="layui-main we-flex">
            <%--logo--%>
            <div class="we-header__logo">
                <a href="">
                    <img  width="250" height="92" src="/images/user_logo.png" alt="没饿哦" />
                </a>
            </div>
            <%--查询--%>
            <form action="" class="we-header__search we-flex" method="post">
                <input type="text" placeholder="外卖/店铺名称" class="layui-input" name="q">
                <button class="layui-btn layui-btn-primary">
                    <i class="layui-icon layui-icon-search"></i>
                </button>
            </form>
            <%--个人中心--%>
            <div class="we-header__tools">
                <c:if test="${ sessionScope.user==null }">
                    <a id="logIt" href="/user/loginPage" target="_blank" class="layui-btn layui-btn-primary">登录</a>
                    <!-- 未登录时显示登录按钮 end-->
                </c:if>
                <c:if test="${ sessionScope.user!=null }">
                    <ul class="layui-nav top_menu" style="background-color: rgb(60,171,255);width: 200px">
                        <li class="layui-nav-item" id="userInfo">
                            <a href="javascript:;"><img src="/images/user.png" class="layui-nav-img userAvatar" width="35" height="35"><cite class="adminName">${user.userName}</cite></a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-url="page/user/changePwd.html"><i class="seraph icon-xiugai" data-icon="icon-xiugai"></i><cite>修改密码</cite></a></dd>
                                <dd pc><a href="javascript:;" class="changeSkin order-history"></i><cite>历史订单</cite></a></dd>
                                <dd><a href="/sys/userLoginOut" class="signOut"><i class="seraph icon-tuichu"></i><cite>退出</cite></a></dd>
                            </dl>
                        </li>
                    </ul>
                </c:if>
                <!-- 登录以后，判断是已开店的店家身份，【我要开店】按钮不显示，显示【店铺管理】 -->
                <!-- <a href="#" class="layui-btn layui-btn-primary">店铺管理</a> -->
            </div>
        </div>
        <div class="we-nav">
            <ul class="layui-main layui-nav we-flex">
                <li class="layui-nav-item active">
                    <a href="javascript:void(0);">首页</a>
                </li>
                <li class="layui-nav-item all">
                    <a href="javascript:void(0);">全部美食</a>
                </li>
                <li class="layui-nav-item food">
                    <a href="javascript:void(0);">美食排行</a>
                </li>
                <li class="layui-nav-item car">
                    <a href="javascript:void(0);">购物车</a>
                </li>
                <%--<li class="layui-nav-item">--%>
                    <%--<a href="/404.html">测试</a>--%>
                <%--</li>--%>
            </ul>
        </div>
    </div>
    <!-- 下拉滚动时显示固定吸附头部 begin -->
    <div class="jsFixedHeader layui-header we-header__fixed">
        <div class="layui-main we-flex">
            <div class="we-nav we-flex">
                <div class="we-nav__logo">
                    <a href="">
                        <img src="/images/user_logo.png" alt="没饿哦" />
                    </a>
                </div>
                <div class="we-nav__menu">
                    <ul class="layui-nav">
                        <li class="layui-nav-item active"><a  href="javascript:void(0);">首页</a></li>
                        <li class="layui-nav-item all"><a  href="javascript:void(0);">美食</a></li>
                        <li class="layui-nav-item food"><a href="javascript:void(0);">美食排行</a></li>
                        <li class="layui-nav-item car"><a href="javascript:void(0);">购物车</a></li>
                    </ul>
                </div>
            </div>

            <div class="we-user we-flex">
                <form action="" class="we-user__search we-flex" method="post">
                    <input type="text" placeholder="外卖/店铺名称" class="layui-input" name="q">
                    <button class="layui-btn layui-btn-primary" >
                        <i class="layui-icon layui-icon-search"></i>
                    </button>
                </form>

                <div class="we-header__tools">
                    <c:if test="${ sessionScope.user==null }">
                        <a id="logIt" href="/user/loginPage" target="_blank" class="layui-btn layui-btn-primary">登录</a>
                        <!-- 未登录时显示登录按钮 end-->
                    </c:if>
                    <c:if test="${ sessionScope.user!=null }">
                        <ul class="layui-nav top_menu" style="background-color: rgb(60,171,255);width: 200px">
                            <li class="layui-nav-item" id="userInfo_tools">
                                <a href="javascript:;"><img src="/images/user.png" class="layui-nav-img userAvatar" width="35" height="35"><cite class="adminName">${user.userName}</cite></a>
                                <dl class="layui-nav-child">
                                    <dd><a href="javascript:;" data-url="page/user/changePwd.html"><i class="seraph icon-xiugai" data-icon="icon-xiugai"></i><cite>修改密码</cite></a></dd>
                                    <dd pc><a href="javascript:;" class="changeSkin order-history"></i><cite>历史订单</cite></a></dd>
                                    <dd><a href="/sys/userLoginOut" class="signOut"><i class="seraph icon-tuichu"></i><cite>退出</cite></a></dd>
                                </dl>
                            </li>
                        </ul>
                    </c:if>
                    <!-- <a href="#" class="layui-btn layui-btn-primary">店铺管理</a> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 顶部导航 end -->
    <!-- 右侧内容 -->
    <!-- 第一屏内容 推荐 begin -->
    <!-- 多条数据列表循环，至少7条以上 -->
    <iframe src="/sys/index_main" frameborder="0" id="demoAdmin" style="width: 100%; height: 100%;"></iframe>
    <!-- 第一屏内容 热门推荐 end -->

    <!-- 友情链接 Links begin -->
    <div class="layui-clear we-links">
        <div class="layui-main we-links__main">
            <h3>友情链接:</h3>
            <ul class="we-flex we-links__content">
                <li><a href="https://www.ele.me/">饿了么外卖网</a></li>
            </ul>
        </div>
    </div>
    <!-- 友情链接 Links end -->
    <!-- 联系客服 Service begin -->
    <div class="we-service">
        <div class="layui-main we-service__main">
            <div class="we-service__editor">
                <h3 class="title">
                    联系管理员：<span>（请一心一意对待每一位管理员）</span>
                </h3>
                <ul>
                    <li>
                        <img src="/images/logo.png" alt="管理员">
                        <span class="editor">admin</span>
                        <span class="imnum">QQ: 1314520</span>
                    </li>
                </ul>
            </div>
            <div class="we-service__customer">
                <h3 class="title">客服</h3>
                <ul>
                    <li>
                        <img src="/images/icon_service_qq.png" alt="客服QQ">
                        <span class="text">3344520</span>
                    </li>
                    <li>
                        <img src="/images/icon_service_tel.png" alt="客服电话">
                        <span class="text">820-8208820</span>
                    </li>
                    <li>
                        <img src="/images/icon_service_mail.png" alt="客服邮箱">
                        <span class="text">1314520@qq.com</span>
                    </li>
                </ul>
            </div>
            <div class="we-service__report">
                <h3 class="title">举报</h3>
                <p>举报电话</p>
                <p class="text">010-110120119</p>
                <p>举报邮箱</p>
                <p class="text">1314520@qq.com</p>
            </div>
            <div class="we-service__qrcode">
                <ul>
                    <li>
                        <img src="/images/ewm.png" alt="关注微信公众号">
                        <p>关注微信公众号</p>
                    </li>
                    <li>
                        <img src="/images/ewm.png" alt="客户端下载">
                        <p>客户端下载</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 联系客服 Service end -->
    <div class="we-footer">
        <div class="layui-main we-footer__main">
            <ul class="we-flex">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">诚聘英才</a></li>
                <li><a href="#">商务合作</a></li>
                <li><a href="#">法律声明</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">谨防诈骗</a></li>
                <li><a href="#">网站地图</a></li>
            </ul>
            <div class="copy-right">
                <p><span>Copyright © 2020 www.meieo.com All Rights Reserved</span>版权所有 没饿哦有限公司</p>
                <p>没饿哦有限公司<a href="#" target="_blank" style="margin: 0 5px">京ICP备1314520号-1</a>京ICP备1314520号-7</p>
                <p>请所有店主在上架食品时遵循食品安全法规，我们拒绝任何不安全食品，一经发现，即刻向有关部门检举！客服电话：010-010100001</p>
                <p>本站所收录食品、店铺均属个人行为，与本站立场无关</p>
            </div>
        </div>
        <!-- 返回顶部 -->
        <img onclick="topFunction()" id="myBtn" class="navTop" src="/images/navtop.png" alt="">
    </div>

    <!-- 底部 Footer end -->
    <%--<img onclick="topFunction()" id="myBtn" class="navTop" src="/images/navtop.png" alt="">--%>
</div>


</body>

</html>
